html,
body {
	min-height: 420px;
}
body {
	font-family: Helvetica;
	line-height: 1.4;
	font-size: 16px;
	color: #000;
	margin: 0;
	padding: 0;
	background: url(/img/iphone/bg.png);
}
#wrapper {
	padding-bottom: 10px;
}
h1, h2 {
	font-size: 16px;
}
form {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #06c;
}

#top-bar {
	background: #bdc8d7 url(/img/iphone/top_bar_bg.png) repeat-x 0 100%;
	border-top: 1px solid #d6dde6;
	border-bottom: 1px solid #3a4654;
	position: relative;
}
	#top-bar h1{
		text-align: center;
		color: #fff;
		text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
		height: 42px;
		line-height: 42px;
		margin: 0;
		padding: 0 50px;
		font-size: 20px;
	}
	#top-bar .back-button {
		position: absolute;
		top: 8px;
		left: 8px;
	}
	#top-bar .search-button {
		position: absolute;
		top: 8px;
		right: 8px;
	}
	#top-bar a{
		overflow: hidden;
		border-width: 0 5px;
		padding: 0 3px;
		width: auto;
		height: 30px;
		line-height: 30px;
		font-family: inherit;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
		text-overflow: ellipsis;
		text-decoration: none;
		white-space: nowrap;
		background: none;
		-webkit-border-image: url(/img/iphone/toolButton2.png) 0 7 0 7;
	}

#search-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 44px;
	display: none;
}
.dimmed #search-box {
	display: block;
}
	#search-box form {
		background: rgba(0,0,0,.5);
		height: 100%;
		margin: 0;
		padding: 10px;
	}
	#search-box form input[type=search] {
		width: 100%;
		font-size: 14px;
	}


#home-page h1 {
	/*background: #bdc8d7 url(/img/iphone/top_bar_bg.png) repeat-x 0 100%;
	border-top: 1px solid #d6dde6;
	border-bottom: 1px solid #3a4654;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
	height: 42px;
	line-height: 42px;
	font-size: 20px;*/
	text-align: center;
	margin: 0 0 -10px;
	padding:10px 0 0;
}
body#home-page h2 {
	margin-left: 100px;
}
body#home-page ul:nth-of-type(2) {
	margin-left: 80px;
}
body#home-page p {
	margin-top: 20px;
}
#home-page form {
	padding: 10px;
	margin: 40px 10px 0;
	font-size: 17px;
	text-align: center;
	background: #fff;
	border: 1px solid rgb(217, 217, 217);
	-webkit-border-radius: 8px;
}
	#home-page form h2 {
		margin: -35px 0 10px 0;
	}
	#home-page form input[type=search] {
		border: none;
		outline: 1px solid #999;
	}
	#home-page form input[type=submit] {
		margin-top: 10px;
	}
	#home-page form br {
		display: none;
	}
	#home-page form div {
		line-height: 20px;
	}
#contact-page #wrapper > h1,
#contact-page label,
#text-page h1,
p.copy,
#home-page h2,
#playa-page h2,
#search-results-page h2 {
	color: #5d6a80;
	text-shadow: rgba(255, 255, 255, 0.6) 0 1px 0;
	margin: 15px 0 -5px 20px;
}
#home-page ul:first-of-type,
#home-page p,
#playa-page #wrapper > ul li,
#search-results-page ul {
	padding: 0;
	margin: 10px 10px 0;
	font-size: 17px;
	background: #fff;
	border: 1px solid rgb(217, 217, 217);
	-webkit-border-radius: 8px;
}
	#home-page ul:first-of-type li ,
	#home-page p,
	#search-results-page li {
		list-style-type: none;
	
		border-top:1px solid rgb(217,217,217);

		padding:10px 10px 14px 10px;
	}
	#home-page ul:first-of-type li {
		font-size: 12px;
		color: #999;
		font-weight: bold;
	}


	#home-page ul:first-of-type li:first-child ,
	#search-results-page li:first-child {
		border-top:0;
	}
	
		#home-page ul:first-of-type li a ,
		#home-page p a,
		#search-results-page li a {
			display: block;
			padding: 8px 20px 12px 8px;
			margin: -8px -8px -12px -8px;
			background: url(/img/iphone/more.png) no-repeat 98% 50%;
		}
		#home-page ul:first-of-type li a {
			font-weight: normal;
			font-size: 17px;
		}
#city-page h3,
#city-page h2 {
	color: #5d6a80;
	text-shadow: rgba(255, 255, 255, 0.6) 0 1px 0;
	margin: 15px 0 -5px 20px;
}
#city-page h3 {
	font-size: 14px;
}
#city-page table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 96%;
	padding: 0;
	margin: 10px 10px 0;
	background: #fff;
	border: 1px solid rgb(217, 217, 217);
	-webkit-border-radius: 8px;
	font-size: 14px;
}
	#city-page table tr {	
		list-style-type: none;	
	
		border-top:1px solid rgb(217,217,217);

		padding:10px 10px 14px 10px;	
	}
		#city-page table tr td:first-child {	
			padding-left: 10px;
		}
		#city-page table tr td.symbol {	
			height: 35px;
			width: 35px;
			background-position: 50% 50%;
			background-repeat: no-repeat;
		}
			#city-page table tr td.symbol span {	
				display: none;
			}

		#city-page table tr td.temp ,
		#city-page table tr td.max ,
		#city-page table tr td.min {
			text-align: center;
			font-weight: bold;
		}
		#city-page table tr td.temp ,
		#city-page table tr td.max {
			color: #c00;
		}
		#city-page table tr td.min {
			color: #09c;
		}
		#city-page table tr td.percipitation {
			text-align: center;
		}

	#city-page table tr:first-child {
		border-top:0;
	}
#home-page ul:nth-of-type(2),
#city-page .day-select {
	overflow: hidden;
	margin: 10px 0 0 10px;
	padding: 0;
	list-style-type: none;
}
	#home-page ul:nth-of-type(2) li,
	#city-page .day-select li {
		float: left;
	}
		#home-page ul:nth-of-type(2) li > *,
		#city-page .day-select li > * {
			padding: 5px 13px;
			display: block;
			border: 1px solid transparent;
			background: url(/img/iphone/tabs_bg.png) repeat-x;
			font-weight: bold;
		}
		#home-page ul:nth-of-type(2) li > strong,
		#city-page .day-select li > strong {
			background-color: #84b4f4;
			background-position: 0 0;
			border-top-color: #1e477b;
			border-bottom-color: #6f9acc;
			border-right: none;
			color: #fff;
			text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
		}
		#home-page ul:nth-of-type(2) li:last-child > strong,
		#city-page .day-select li:last-child > strong {
			border-right: 1px solid #4a74a7;
		}
		#home-page ul:nth-of-type(2) li > a,
		#city-page .day-select li > a {
			background-color: #fafafa;
			background-position: 0 100%;
			border-left-color: #d9d9d9;
			border-right-color: #fafafa;
			border-bottom-color: #d9d9d9;
			color: #8b8b8b;
			text-shadow: #fff 0 1px 0;
		}
		#home-page ul:nth-of-type(2) li:first-child > a,
		#city-page .day-select li:first-child > a {
			border-left: none;
		}
		#home-page ul:nth-of-type(2) li:first-child > *,
		#city-page .day-select li:first-child > * {
			-webkit-border-top-left-radius: 8px;
			-webkit-border-bottom-left-radius: 8px;
		}
		#home-page ul:nth-of-type(2) li:last-child > *,
		#city-page .day-select li:last-child > * {
			-webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
		}

p.copy,
#text-page h1 {
	text-align: center;
	margin: 10px 0;
}
#text-page p {
	margin: 0 10px;
	padding: 10px 10px 0;
	background: #fff;
	border-left: 1px solid rgb(217, 217, 217);
	border-right: 1px solid rgb(217, 217, 217);
}
#text-page p:first-of-type {
	border-top: 1px solid rgb(217, 217, 217);
	border-bottom: 1px solid #fff;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}
#text-page p:last-of-type {
	border-bottom: 1px solid rgb(217, 217, 217);
	border-top: 1px solid #fff;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	padding-bottom: 10px;
}

#contact-page {
	text-align: center;
}
#contact-page #wrapper > h1 {
	margin: 10px 0;
}
#contact-page input[type=text],
#contact-page textarea {
	width: 250px;
}
#contact-page textarea {
	height: 150px;
}
#contact-page label {
	margin-bottom: 10px;
	text-align: left;
	font-size: 14px;
	margin: 0 0 5px;
}
#contact-page .error {
	margin: 2px 0 13px;
	color: #c00;
	font-weight: bold;
	font-size: 15px;
}

#playa-page #wrapper > ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
	#playa-page #wrapper > ul li,
	#playa-page #wrapper > ul h3 {
		font-size: 14px;
	}
	#playa-page #wrapper > ul h3 {
		margin: 0;
		padding: 10px 10px 0;
	}
	#playa-page #wrapper > ul h3 em {
		font-style: normal;
		font-weight: normal;
		color: #666;
	}
	#playa-page #wrapper > ul div {
		padding: 0 10px 10px;
		overflow: hidden;
	}
	#playa-page #wrapper > ul div dt {
		font-size: 12px;
		color: #666;
	}
	#playa-page #wrapper > ul div:first-of-type {
		
	}
	#playa-page #wrapper > ul div:first-of-type dl {
		float: left;
		margin: 0;
		padding: 0 35px 0 0;
	}
	#playa-page #wrapper > ul div:first-of-type dl:last-of-type {
		padding-right: 0;
	}
	#playa-page #wrapper > ul div:first-of-type dd {
		margin: 0;
		padding: 0;
	}
	#playa-page #wrapper > ul div:first-of-type dl {
		float: left;
	}
		#playa-page #wrapper > ul div:first-of-type dl dd {
			background: url(/img/navigation-icons.gif?v=11505) no-repeat 100px 0;
			font-size: 18px;
			font-weight: bold;
		}
			 #playa-page #wrapper > ul div:first-of-type dl dd.temp-deg {
				background-position: 12px -1379px;
				line-height: 25px;
				color: #c00;
				padding: 5px 0 0 30px;
			}		
			 #playa-page #wrapper > ul div:first-of-type dl.water-temp dd {
				background-position: 0 -1419px;
				line-height: 25px;
				color: #0050A4;
				padding: 0 0 0 32px;
			}		
			 #playa-page #wrapper > ul div:first-of-type dl.uv-index dd {
				background-position: 0 -1457px;
				line-height: 25px;
				color: #B0007D;
				padding: 0 0 0 28px;
			}		
	#playa-page #wrapper > ul div:first-of-type dl:first-of-type dt {
		display: none;
	}
	#playa-page #wrapper > ul div:first-of-type dl:first-of-type dd:last-of-type {
		padding: 0 0 0 5px;
		text-align: center;
		font-size: 14px;
		font-weight: normal;
		max-width: 75px;
	}
	#playa-page #wrapper > ul div:last-of-type {
		border-top: 1px solid rgb(217,217,217);
		padding-bottom: 0;
	}
	#playa-page #wrapper > ul div:last-of-type dl {
		float: left;
		padding: 10px 0;
		position: relative;
		margin: 0;
		width: 45%;
	}
		#playa-page #wrapper > ul div:last-of-type dd {
			padding-left: 40px;
			margin: 0;
		}
		#playa-page #wrapper > ul div:last-of-type dl dd:first-of-type {
			padding-left: 0;
			position: absolute;
			top: 30px;
			left: 0;
			width: 35px;
			height: 35px;
			background-repeat: no-repeat;
			overflow: hidden;
			text-indent: -999em;
		}
	#playa-page #wrapper > ul div:last-of-type dl:first-of-type {
		border-right: 1px solid rgb(217,217,217);
		padding-right: 10px;
	}
	#playa-page #wrapper > ul div:last-of-type dl:last-of-type {
		border-left: 1px solid rgb(217,217,217);
		padding-left: 10px;
		left: -1px;
	}
		#playa-page #wrapper > ul div:last-of-type dl:last-of-type dd:first-of-type {
			left: 10px;
		}

/* weather icons, maybe should be using icons.css? */
.d000 {background-image: url(/img/icons/d000.png);}
.n000 {background-image: url(/img/icons/n000.png);}

.d100 {background-image: url(/img/icons/d100.png);}
.n100 {background-image: url(/img/icons/n100.png);}

.d200 {background-image: url(/img/icons/d200.png);}
.n200 {background-image: url(/img/icons/n200.png);}

.d210 {background-image: url(/img/icons/d210.png);}
.n210 {background-image: url(/img/icons/n210.png);}

.d211 {background-image: url(/img/icons/d211.png);}
.n211 {background-image: url(/img/icons/n211.png);}

.d212 {background-image: url(/img/icons/d212.png);}
.n212 {background-image: url(/img/icons/n212.png);}

.d220 {background-image: url(/img/icons/d220.png);}
.n220 {background-image: url(/img/icons/n220.png);}

.d221 {background-image: url(/img/icons/d221.png);}
.n221 {background-image: url(/img/icons/n221.png);}

.d222 {background-image: url(/img/icons/d222.png);}
.n222 {background-image: url(/img/icons/n222.png);}

.d240 {background-image: url(/img/icons/d240.png);}
.n240 {background-image: url(/img/icons/n240.png);}

.d300 {background-image: url(/img/icons/d300.png);}
.n300 {background-image: url(/img/icons/n300.png);}

.d310 {background-image: url(/img/icons/d310.png);}
.n310 {background-image: url(/img/icons/n310.png);}

.d311 {background-image: url(/img/icons/d311.png);}
.n311 {background-image: url(/img/icons/n311.png);}

.d312 {background-image: url(/img/icons/d312.png);}
.n312 {background-image: url(/img/icons/n312.png);}

.d320 {background-image: url(/img/icons/d320.png);}
.n320 {background-image: url(/img/icons/n320.png);}

.d321 {background-image: url(/img/icons/d321.png);}
.n321 {background-image: url(/img/icons/n321.png);}

.d322 {background-image: url(/img/icons/d322.png);}
.n322 {background-image: url(/img/icons/n322.png);}

.d340 {background-image: url(/img/icons/d340.png);}
.n340 {background-image: url(/img/icons/n340.png);}

.d400,
.n400 {background-image: url(/img/icons/d400.png);}

.d410,
.n410 {background-image: url(/img/icons/d410.png);}

.d411,
.n411 {background-image: url(/img/icons/d411.png);}

.d412,
.n412 {background-image: url(/img/icons/d412.png);}

.d420,
.n420 {background-image: url(/img/icons/d420.png);}

.d421,
.n421 {background-image: url(/img/icons/d421.png);}

.d422,
.n422 {background-image: url(/img/icons/d422.png);}

.d430,
.n430 {background-image: url(/img/icons/d430.png);}

.d431,
.n431 {background-image: url(/img/icons/d431.png);}

.d432,
.n432 {background-image: url(/img/icons/d432.png);}

.d440,
.n440 {background-image: url(/img/icons/d440.png);}

#aftonbladet-push {
	margin: 0;
	line-height: 1;
	text-align: center;
}

	#aftonbladet-push a img {
		border: 0;
	}

#mobile-fishstick {
	text-align: center;
}

#mobile-fishstick {
	text-align: center;
	display: inline-block;
	margin: 10px 0 10px 10px;
}